<template>
    <div class="tableWarp" ref="tableWarp">
        <el-table v-bind="$attrs" style="width:100%;" :max-height="maxHeight">
            <el-table-column fixed prop="date" label="日期">
            </el-table-column>
            <el-table-column prop="name" label="姓名">
            </el-table-column>
            <el-table-column prop="province" label="省份">
            </el-table-column>
            <el-table-column prop="city" label="市区">
            </el-table-column>
            <el-table-column prop="address" label="地址">
            </el-table-column>
            <el-table-column prop="zip" label="邮编">
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        props: {
            maxHeight: {
                type: [String, Number],
                default: "700px"
            }
        },
        mounted() {
            console.log(this.$refs.tableWarp.clientHeight);
        }
    }
</script>

<style lang="scss" scoped>

</style>